/*logo-bank*/
.logo-bank{
    background: transparent url("images/frontend/bank-logo.png") no-repeat;
    border:none;
    display: inline-block;
    height: 24px;
    width: 96px;
    margin-bottom: 5px;
}
    .iVisa              {background-position: 0 0}
    .iMasterCard        {background-position: 0 -24px}
    .iVietCom           {background-position: 0 -48px}
    .iDongA             {background-position: 0 -72px}
    .iTechCom           {background-position: 0 -96px}
    .iAgriank           {background-position: 0 -120px}
    .iBIDV              {background-position: 0 -144px}
    .iVietTin           {background-position: 0 -168px}
    .iMB                {background-position: 0 -192px}
    .iACB               {background-position: 0 -216px}
    .iVIB               {background-position: 0 -240px}
    .iHD                {background-position: 0 -264px}
    .iTienPhong         {background-position: 0 -288px}
    .iSHB               {background-position: 0 -312px}
    .iExim              {background-position: 0 -336px}
    .iMariTime          {background-position: 0 -360px}
    .iVietA             {background-position: 0 -284px}
    .iNamA              {background-position: 0 -408px}
    .iSacom             {background-position: 0 -432px}
    .iSaiGon            {background-position: 0 -456px}
    .iGP                {background-position: 0 -480px}
    .iPG                {background-position: 0 -504px}
    .iSeA               {background-position: 0 -528px}
    .iBacA              {background-position: 0 -552px}
    .iVP                {background-position: 0 -576px}

.module-payment{
    line-height: 16px;
}
.module-payment .head-menu-step{
    border-bottom: 1px solid #dfdfdf;
}
.module-payment .head-item-step{
    float: left;
    width: 33.33%;
}
.module-payment .head-item-step p{
    cursor: pointer;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    padding: 17px 0;
    border-left: 1px solid #dfdfdf;
}
.module-payment .head-item-step:first-child p{
    border: none;
}
.module-payment .head-item-step.active p{
    background: #f64406;
    color: #FFF;
    border: none;
}
.module-payment .head-item-step.active + .head-item-step p{
    border: none;
}
.module-payment .lst-payment-type{}
.module-payment .lst-payment-type .type-item{
    border-bottom: 1px solid #dfdfdf;
    padding: 12px 12px 12px 85px;
    position: relative;
}
.module-payment .lst-payment-type .type-item.sohapay{
    background: url("images/frontend/sohapay-logo.png") no-repeat 10px 10px;
}
.module-payment .lst-payment-type .type-item.vi-booking{
    background: url("images/frontend/vi-booking.png") no-repeat 10px 10px;
}
.module-payment .lst-payment-type .type-item.tay-booking{
    background: url("images/frontend/tay-booking.png") no-repeat 10px 10px;
}
.module-payment .lst-payment-type .type-item.chan-booking{
    background: url("images/frontend/office.png") no-repeat 10px 10px;
}
.module-payment .type-item input{
    top: 13px;
    left: 80px;
    position: absolute;
}
.module-payment .type-item label{
    display: block;
    cursor: pointer;
}
.module-payment .type-item label a{
    color: #00A0DC;
}
.module-payment .type-item label span.payment-name{
    color: #2c2c2c;
    font-weight: bold;
    display: block;
    padding-left: 18px;
    padding-bottom: 5px;
}
.module-payment .type-item label span.payment-name span{
    font-weight: normal;
    color: #BE0D0D;
    font-size: 11px;
}
.module-payment .type-item label span.payment-desc{
    display: block;
    padding-left: 18px;
    padding-bottom: 5px;
    font-size: 11px;
    color: #888;
}
.module-payment .type-item label span.lst-bank{
    display: block;
}

/**************/
.module-payment .form-customer-info{
    padding: 20px 10px 0;
    overflow: auto;
    height: 400px;
}
.module-payment .row-input-info{
    padding-bottom: 11px;
}
.module-payment .row-input-info .lbl{
    cursor: pointer;
    font-weight: bold;
    float: left;
    width: 120px;
    margin: 10px 8px 0 0;
}
.module-payment .row-input-info .lbl span.require{
    float: right;
    color: #f64406;
    font-size: 18px;
}
.module-payment .row-input-info .input{
    float: left;
    width: 375px;
    padding: 8px;
    background: #e7e7e7;
    border-top: 1px solid #c6d5d5;
}
.module-payment .row-input-info .input input{
    width: 100%;
    border: none;
    background: transparent;
}
.module-payment .row-input-info .input textarea{
    width: 100%;
    height: 110px;
    font-family: arial,sans-serif;
    border: none;
    outline: none;
    resize: none;
    background: transparent;
}
.module-payment .row-input-info .option{
    float: right;
    width: 140px;
    margin-top: 10px;
    text-align: right;
}
.module-payment .row-input-info .plus{
    font-weight: bold;
    color: #F64406;
    font-size: 16px;
    vertical-align: -2px;
    margin-right: 4px;
}
.module-payment .row-input-info a:hover .plus{
    text-decoration: none;
}
.module-payment .confirm-all-info{
    padding: 10px 10px 0;
}
.module-payment .confirm-all-info .info-item{
    border-bottom: 1px solid #e7e7e7;
    padding: 15px 0;
}
.module-payment .info-item .lbl{
    float: left;
    width: 205px;
    font-weight: bold;
    text-transform: uppercase;
}
.module-payment .info-item .value{
    float: left;
    width: 350px;
}
.module-payment .info-item.big-right .value{
    width: 245px;
}
.module-payment .info-item .value .lh18{
    line-height: 20px;
}
.module-payment .info-item .value p{
    padding-bottom:7px;
}
.module-payment .info-item .value .price{
    color: #f44306;
    font-size: 24px;
    font-weight: bold;
}
.module-payment .info-item .value .price span{
    font-size: 18px;
}
.module-payment .info-item .right-addition{
    float: left;
    text-align: right;
    width: 110px;
}
.module-payment .info-item.big-right .right-addition{
    width: 205px;
}
.module-payment .info-item.big-right .right-addition .btn-yellow{
    padding: 12px;
}
.module-payment .agree-term{
    padding: 15px 0 0;
    font-weight: bold;
    font-size: 16px;
}
.module-payment .agree-term input{
    margin-left: 5px;
}
.module-payment .agree-term label{
    cursor: pointer;
}
.module-payment .wrap-btn-action{
    padding: 20px 0;
    text-align: center;
}
.module-payment .wrap-btn-action .icon{
    margin: 0 3px;
    vertical-align: -2px;
}
.module-payment .wrap-btn-action .btn-yellow{
    margin: 0 4px;
}
.module-payment .wrap-success{
    padding: 16px 12px;
    line-height: 18px;
}
.module-payment .wrap-success .fs20{
    font-size: 20px;
    line-height: 22px;
}
.module-payment .wrap-success .pb12{
    padding-bottom: 12px;
}
.module-payment .wrap-success .fs14{
    font-size: 14px;
    line-height: 18px;
}
.module-payment .wrap-success .iSkypeSmall{
    vertical-align: -2px;
}
.module-payment .wrap-success .box-yellow{
    padding: 14px 10px;
    border: 1px solid #ec9d05;
    margin-bottom: 12px;
}

.module-payment-finish{
    background: #fff;
    padding: 15px 10px;
    margin-bottom: 20px;
    line-height: 22px;
}
.module-payment-finish .payment-title{
    font-size: 21px ;
}
.module-payment-finish .payment-info{
    border: 1px solid #EC9C05;
    margin: 15px 0;
    padding: 5px 10px 10px;
}
.module-payment-finish p{
    margin-top: 10px;
}
.module-payment-finish .payment-info .payment-code{
    color: #333333;
    font-size: 18px;
    font-weight: bold;
}
.module-payment-finish .payment-info .payment-price{
    color: #F64408;
    font-size: 18px;
    font-weight: bold;
}
.module-payment-finish .payment-info .payment-address{
    color: #343434;
    font-size: 15px;
    text-shadow: 0.06em 0 #A1A1A1 ;
}
.module-payment-finish .payment-info .payment-cty-phone{
    color: #23A8E1;
    font-size: 15px;
}
.module-payment-finish .payment-phone{
    color: #23A8E1;
}
.module-payment-finish .payment-email{
    color: #23A8E1;
}




